<div style="height:1em"></div>
<table id="table_roles">
    <tr>
        <td style="width:1.5em"></td>
        <td style="width:8em">角色</td>
        <td style="width:4em">境界</td>
        <td style="width:6em">门派</td>
        <td style="width:5em">服务器</td>
        <td style="width:3em">删除</td>
    </tr>
</table>
<div style="height:1em"></div>
<div>
    <button id="button_on_off" style="width:20em"></button>
</div>
<table id="table_add" style="width:20em">
    <tr><td>
        <div class="label">角色</div>
        <div class="input">
            <input id="input_name" type="text" placeholder="请输入角色姓名" class="val">
        </div>
    </td></tr>
    <tr><td>
        <div class="label">境界</div>
        <div class="input">
            <select id="select_state" class="val"></select>
        </div>
    </td></tr>
    <tr><td>
        <div class="label">门派</div>
        <div class="input">
            <select id="select_school" class="val"></select>
        </div>
    </td></tr>
    <tr><td>
        <div class="label">区服</div>
        <div class="input">
            <select id="select_server" class="val"></select>
        </div>
    </td></tr>
    <tr><td>
        <button id="button_add" type="button">
            创建新的角色档案
        </button>
    </td></tr>
</table>

<script src="./html/role.js"></script>